<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <link href="../css/qs.css" type="text/css" rel="stylesheet"/>
         <link href="../css/ui/button.css" type="text/css" rel="stylesheet"/>
         <link href="../css/ui/input.css" type="text/css" rel="stylesheet"/>
         <link href="../css/ui/rd.css" type="text/css" rel="stylesheet"/>
         <link href="../css/ui/calendar.css" type="text/css" rel="stylesheet"/>
         <link href="../css/ui/pagination.css" type="text/css" rel="stylesheet"/>
        <link href="../theme/default/style.css" type="text/css" rel="stylesheet"/>
       
        <style>
            body{overflow:auto}
            .qs-price-con  table table{
                border-spacing:1px;
                border-collapse:separate;
            }
            .qs-price-con{
                width:800px
            }
            .qs-price-title{
                height:25px;
                line-height:25px;
                font-size:130%;
                font-weight:bold;
                padding:3px 0 10px;
                border-bottom:2px solid #333
            }
            .qs-price-blk-lst{
                float: left;
                margin: 9px 8px 0;
                width: 250px;
                
            }
            .qs-price-blk-lst .text{
                float: left;
                margin-bottom: 10px;
                width: 100%;
            }
            .qs-price-date-con,.qs-price-freq-con{float:left;width:100%}
            .qs-price-date-row{
                margin-bottom:8px
            }
            .qs-price-date-row .qs-ui-ipt{
                width:80px
            }
            .qs-price-panel ,.qs-price-table{
                float:left;
                width:100%
            }
            .qs-price-tool{
                background: none repeat scroll 0 0 #EDF2F5;
                border-top: 1px solid #999999;
                bottom: 0;
                height: 28px;
                float:left;
                text-align: right;
                width: 100%;
                
            }
            .qs-price-tool .qs-ui-btn{
                font-weight: bold;
                margin: 4px 10px;
                min-width: 40px;
            }
            .qs-price-table .t-body{
                background: none repeat scroll 0 0 #A1A1A1;
            }
            .qs-price-table .qs-price-hcol {
                background: none repeat scroll 0 0 #EEEEEE;
                padding: 3px 8px;
                line-height:16px;
            }
            .qs-price-table .qs-price-col{
                background: none repeat scroll 0 0 #ffffff;
                padding: 3px 8px;
                line-height:16px;
            }
            .qs-price-table .col-date,.qs-price-table .col-v{
                width:16%
            }
            .qs-price-table .col-o,.qs-price-table .col-l,.qs-price-table .col-h,.qs-price-table .col-c{
                width:12%
            }
            .qs-price-table .col-ac{
                width:15%
            }
            .qs-price-pagintion{
                margin-top:5px;
                float:right;
            }
            .qs-price-pagintion .qs-pageutil-input{
                width:40px;
            }
        </style>
        
    </head>
    <body>
        <script src="../lib/jquery.js" type="text/javascript">
        </script>
        <script src="../lib/jquery.json.min.js" type="text/javascript">
        </script>
       <script src="../js/ui/calendar.js" type="text/javascript">
        </script>
        <script src="../js/ui/util.js" type="text/javascript">
        </script>
        <script src="../js/sys/DFmt.us.js" type="text/javascript">
        </script>
        <script src="../js/com/chartUtil.js" type="text/javascript">
        </script>
         <script src="../js/ui/pageUtil.js" type="text/javascript">
        </script>
        <script src="../js/com/priceTable.js" type="text/javascript">
        </script>
        <script src="../lib/jquery.json.min.js" type="text/javascript">
        </script>
        
       <div class="qs-price-con">
           <div class="qs-gd">
               <div class = "hd qs-price-title">
                   Historical Price
               </div>
               <div class="bd">
                   <div class="qs-c qs-price-panel">
                       <div class="qs-price-blk-lst">
                           <div class="text">
                               <h4>Set Date Range</h4>
                           </div>
                           <div class="qs-price-date-con">
                               <div class="qs-price-date-row"><span>Start Date:&nbsp;</span><input class="qs-ui-ipt"/></div>
                               <div class="qs-price-date-row"><span>End Date:&nbsp;&nbsp;&nbsp;</span><input class="qs-ui-ipt"/></div>
                           </div>
                       </div>
                       <div class="qs-price-blk-lst">
                           <div class="text">
                               <h4>Set Frequency</h4>
                           </div>
                           <div class="qs-price-freq-con">
                           </div>
                       </div>
                   </div>
                   <div class="qs-c qs-price-tool"><a class="qs-ui-btn" >Get Price</a></div>
                   <div class="qs-c qs-price-table">
                       <table class="t-body" cellspacing="0" cellpadding="0" border="0" width="100%"><tr valign="top"><td>
                           <table  cellspacing="1" cellpadding="2" border="0" width="100%">
                       <tr>
                       <th class="qs-price-hcol"  width="16%" scope="col">
                           Date
                       </th>
                       <th class="qs-price-hcol"  width="12%" scope="col">
                           Open
                       </th>
                       <th class="qs-price-hcol"  width="12%" scope="col">
                           High
                       </th>
                       <th class="qs-price-hcol"  width="12%" scope="col">
                           Low
                       </th>
                       <th class="qs-price-hcol"  width="12%" scope="col">
                           Close
                       </th>
                       <th class="qs-price-hcol"  width="16%" scope="col">
                           Volume
                       </th>
                       <th class="qs-price-hcol"  width="15%" scope="col">
                           Adj Close*
                       </th>
                       </tr>
                       <tr>
                       <td class="qs-price-col" scope="col">
                           2011-5-21
                       </td>
                       <td class="qs-price-col" align="center">
                           25.5
                       </td>
                       <td class="qs-price-col" align="center">
                            25.5
                       </td>
                       <td class="qs-price-col" align="center">
                            25.5
                       </td>
                       <td class="qs-price-col" align="center">
                            25.5
                       </td>
                       <td class="qs-price-col" align="center">
                           200033
                       </td>
                       <td class="qs-price-col" align="center">
                           25.5
                       </td>
                       </tr>
                       
                       </table>
                       </td></tr></table>
                       
                   </div>
               </div>
           </div>
       </div>
       <script>
           //var freqList = [{txt:"Daily",val:"d",checked:true},{txt:"Weekly",val:"w"},{txt:"Monthly",val:"m"},{txt:"Dividend Only",val:"dividend"}];
           //var dateCon  = $(".qs-price-freq-con");
           
           
           //var container = $(".qs-price-con").html("");
           //var pt = new QS_PriceTable(container,"0P000001A2",{});
       </script>
</body>
</html>